<script>
export default {
  render: function (createElement) {
    var self = this
    return createElement('div', 
    {
      class: 'parentContent'
    },
    [
      createElement('div', { class: 'showContent' }, self.inputValue),
      createElement('input', {
        class: 'content',
        domProps: {
          value: self.inputValue
        },
        on: {
          input: function (event) {
            self.inputValue = event.target.value
          }
        }
      })
    ]
    )
  },
  data() {
    return {
      inputValue: ''
    }
  },
  watch: {
    inputValue: function () {
      console.log(this.inputValue)
    }
  },
}
</script>

<style lang="stylus" scoped>
.showContent
  font-size 32px
  letter-spacing 2px
.content 
  margin 10px auto 
  color blue
  font-size 24px
</style>
